@charset "utf-8";
/* CSS Document */
/*全局样式-------------------*/
body,div,span,ul,li,ol,dl,dt,dd,em,i,h1,h2,h3,h4,h5,h6,p,input,a,img,button{ margin:0; padding:0; list-style:none; border:0;}
em,i{ font-style:normal;}
body{font-family:"微软雅黑", Tahoma; font-size:14px; color:#000; background:#fff; line-height:1.2em;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#f28203; text-decoration:none;}
/*全局样式 end-----------------*/
.zgtop{background: #ffc45f; padding:10px 0;    color: #6b4503; line-height: 1.5em;}
.red { color: #cf3c56 !important; }
.green { color: #1dbf60 !important;}
.zgtop .row{ width: 1000px; margin: 0 auto;}
.gupiao { height: 116px; }
.zgtop td { height: 38px; width: 168px; text-align: left; font-size: 18px; font-weight: normal; }
.zgtop th { height: 38px; width: 168px; text-align: left; font-size: 18px; font-weight: normal; color: #6b4503; }
.tablecontent { margin-left: 32px;width: 104% }
.gName { font-size: 32px; margin-bottom: 8px; line-height: 1.5em;}
.gCode { font-size: 28px;line-height: 1.5em; }
.zhishu{ font-size: 40px; font-weight: bold; color: rgb(255, 0, 0); line-height:40px;}
.zhishu img { height: 24px; width: 16px; }
.t1,.t2,.t3 { float: left; text-align: center; }
.t1 { width: 200px; margin-top: 12px;margin-left: 12px;}
.t2 { width: 256px; margin-right: 64px; margin-top: 12px;}
.tableBg { background-image: url('../img/tablebg.jpg'); width: 895px; height: 198px; padding-top: 58px; margin: 0 auto 40px auto }
.onlineBlock { height: 44px; color: #707071; background-color: #fff; padding: 32px 0; font-size: 30px; text-align: center;}
.onlineBlock span{ color: #ff5d3d;}
.formBlock { background-color: #fff; margin-bottom: 24px; }
.tdFrist { width: 138px; text-align: center; }
.tdLast { width: 360px; padding-left: 40px;text-align: left;}

.tableCon { height: 196px; overflow: hidden; }
.dongtai { border-top: 1px solid #c18c30; width: 96%; margin-left: 2%; padding-top: 12px; }
.imgContent { margin: 48px auto; position: relative }
.searchBg { background-image: url('../img/searchbg.png'); width: 415px; height: 58px; margin: 32px auto; position: relative; text-align: left;}
.searchInput { width: 270px; padding-left: 32px; height: 58px; border: none; outline: none; background: none; font-size: 24px; }
.searchBtn { position: absolute; right: 0; top: 0; text-align: center; font-size: 22px; width: 120px; height: 58px; line-height: 56px; cursor: pointer; color: white; }
.xianjia { font-size: 30px; }
.zhangdie,.zhangfu { font-size: 16px; margin-left: 11px; margin-right: 11px; line-height: 25px;}
.zgimg{ width: 1004px; margin: 48px auto 0; position: relative;}
.zgimg img{ display: block; margin: 0 auto;}
.zgimg em{width: 2px; position: absolute; display: block; height: 135px; background: #2b2e32; top: 29%; left: 50%; margin-left: 8px; animation: xz 8s both infinite alternate; transform-origin: center 88%; -webkit-animation: xz 8s both infinite alternate; -webkit-transform-origin: center 88%; }
.zgimg h3{ text-align: center;font-size: 35px; line-height: 45px; width: 100%; top:0; left: 0; position: absolute;}
.zgimg h3 span{ color: red;}
.zgimg i{ display: block; border-radius: 50%; position: absolute; font-size: 24px; color: #fff; text-align: center;}
.zgimg .i1{ width: 129px; height: 129px; background: #d77bfe; top:102px; left: 155px; line-height: 129px;}
.zgimg .i2{ width: 129px; height: 129px; background: #ff5d3d; top:100px; right: 98px;line-height: 129px; animation-delay: 1.5s;-webkit-animation-delay: 1.5s;}
.zgimg .i3{ width: 164px; height: 164px; background: #ffc13c; bottom: 36px; left: 81px;line-height: 164px;animation-delay: .5s;-webkit-animation-delay: .5s;}
.zgimg .i4{ width: 147px; height: 147px; background: #5aa8fa; bottom: 47px; right:20px;line-height: 147px;animation-delay: 1s;-webkit-animation-delay: 1s;}

.tada i{ animation: 1.5s tada both;-webkit-animation: 1.5s tada both; box-shadow: 0 0 5px #999;}
.zgc1{ width: 1000px;margin: 0 auto;}
.zgc1 img{display: block;margin: 0 auto;}
.zgc1 p{font-size: 18px; color: #333; line-height: 1.75rem;text-align: center;}
.zgc1 p i{ color: red;}
.zgc1 h4{ text-align: center; margin-top: 0.35rem;}
.zgc1 h4 span{ display: inline-block;font-size: 18px; color: #fff; background: #ffa70f; padding:0.5rem 18px; line-height:1.5rem; border-radius: 0.35rem;}
.zgc2{ margin-top:0.75rem;}
.zgc2c{ width: 1000px;margin: 0 auto;background:#ecedef url(../img/zg_img3.jpg) no-repeat 0 bottom; -webkit-background-size: 100% auto;background-size: 100% auto; text-align: center; font-size: 18px; color: #333; line-height: 2rem; padding:24px 0;}
.zgc2c i{ margin-left: 18px;}
.zgc2c em,.zgc2c b{ color: red;}
.zgc2c b{font-size: 1.2rem;}
.zgc2 p{font-size: 18px; color: #333; padding:20px 3%; line-height: 26px;text-align: center;}
.zgc3{ background: #f1f5f8;width: 1000px;margin: 0 auto;padding: 24px 0;}
.zgc3 div table{ width: 90%; text-align: center;border: 1px solid #ccc; border-collapse: collapse;margin: 0 auto;}
.zgc3 div th{ background: #ffa70f; color: #fff; font-size: 18px; line-height: 1.5rem; padding:0.5rem 0; text-align: center;}
.zgc3 div td{font-size: 0.85rem; line-height: 18px; padding:0.5rem 0; border-right: 1px solid #ccc; background: #fff;}
.zgc3 div i{ color: #01c333;}
.zgc3 div b{ color: #fe1402;}
.zgc3 div tr:nth-of-type(2n) td{ background: #f3f3f3;}
#scolltable{ height: 10rem; overflow: hidden;}
.zgc3t{text-align: center; margin-bottom: 0.5rem;}
.zgc3t h4{ color: red; font-size: 1.2rem; line-height: 2rem;}
.zgc3t p{ color: #333; font-size: 18px; line-height: 1.5rem;}

@keyframes xz{
    0%,100%{ transform:rotate(0deg);}
    20%{transform:rotate(90deg);}
    40%{transform:rotate(180deg);}
    60%{transform:rotate(360deg);}
    80%{transform:rotate(270deg);}
}
@-webkit-keyframes xz{
    0%,100%{ -webkit-transform:rotate(0deg);}
    20%{-webkit-transform:rotate(90deg);}
    40%{-webkit-transform:rotate(180deg);}
    60%{-webkit-transform:rotate(360deg);}
    80%{-webkit-transform:rotate(270deg);}
}

@keyframes pluse{
	from{ transform: scale(1);}
	to{transform: scale(1.1);}
}
@-webkit-keyframes pluse{
	from{-webkit-transform: scale(1);}
	to{-webkit-transform: scale(1.1);}
}


@-webkit-keyframes tada {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0);
transform:scale(1) rotate(0)
}
}
@keyframes tada {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
-ms-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
-ms-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
-ms-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0);
-ms-transform:scale(1) rotate(0);
transform:scale(1) rotate(0)
}
}


.onlineBlock img{ text-align: center; vertical-align: middle;}
.nphoto input{ text-align: center; display: block; font-size: 20px; width: 400px; padding:15px 20px; border: 1px solid #ccc; border-radius:5px; line-height: 30px; margin: 0 auto; outline: 0;}
.btnBg { background: #ea1111; width: 415px; height: 72px; line-height: 68px; margin: 24px auto 5px;  color: #fff;  font-size: 24px; cursor: pointer; text-align: center; color: white;  display: block; animation: pluse .5s ease-in-out alternate infinite;-webkit-animation: pluse .5s ease-in-out alternate infinite; border-bottom: 3px solid #7d0101; border-radius: 5px;}
.btnBg span{   color: #FFEB3B;}
.nphoto p{font-size: 16px; text-align: center; line-height: 30px; color: #999;}

.mxtable{ width:929px; margin: 30px auto 0; padding-top: 125px; background:url(../img/tablebg.jpg) no-repeat center top; }
#scolltable{height: 168px; overflow: hidden;margin-top: -1px;}
.mxtable table{border: 1px solid #a0a0a0; border-collapse: collapse; width:100%; }
.mxtable td{ text-align: center; font-size: 20px; color: #333; padding:10px; line-height: 30px;border: 1px solid #a0a0a0;}
.bbg{ background: #333; padding:20px 0;}
.bbg p{font-size: 14px; color: #fff; text-align: center; line-height: 25px;}



































